<template>
    <div>
        <UserLayout>
            <div class="article-wrap">
                <div class="article-body">
                    <div>Article</div>
                    <div>待开发</div>
                </div>
            </div>
        </UserLayout>
    </div>
</template>

<script>
    import UserLayout from '/src/components/user/Layout.vue';

    export default {
        name: "user",
        // 组件
        components: {
            UserLayout,
        },
        // 数据
        data() {
            return {}
        },
        // DOM未渲染前调用
        created() {
            this.init();
        },
        // DOM渲染后调用
        mounted() {
        },
        // 方法
        methods: {
            // 初始化
            init() {

            },
        }
    }
</script>

<style lang="less" scoped>
    .article-wrap {
        display: flex;
        align-items: center;
        text-align: center;
        min-height: 300px;
        background-color: white;

        .article-body {
            flex: 1;
        }
    }
</style>